<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title> - 个人资料</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link href="/front/hAdmin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="/front/hAdmin/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="/front/hAdmin/css/animate.css" rel="stylesheet">
    <link href="/front/hAdmin/css/style.css?v=4.1.0" rel="stylesheet">

    <link href="/front/hAdmin/css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
    <link href="/front/hAdmin/js/plugins/fancybox/jquery.fancybox.css" rel="stylesheet">
    <style>
        .fancybox{
            margin: 7px;
        }
        .fancybox img {
            margin-bottom: 5px;
            width: 31%;
        }
    </style>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content">
    <div class="row animated fadeInRight">
        <div class="col-sm-4">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>个人资料</h5>
                </div>
                <div>
                    <div class="ibox-content no-padding border-left-right">
                        <img alt="image" class="img-responsive" src="{{$userinfo->avatar}}"
                             onerror="this.src='/images/default_cover_map.png'">
                    </div>

                    <div class="text-center">
                        {{--<img alt="image" class="img-circle m-t-xs img-responsive"--}}
                             {{--src="{{Session::get('userinfo')->avatar}}" width="20%" height="20%"--}}
                             {{--style="margin: 0 auto;">--}}
                        <div class="m-t-xs font-bold"><h1>{{$userinfo->nick_name}}</h1></div>
                        <p class="badge badge-success">
                            @if($userinfo->user_type == 1)
                                设计师
                            @elseif($userinfo->user_type == 2)
                                品牌商
                            @endif
                        </p>
                        <p><i class="fa fa-map-marker"></i> {{$userinfo->area}}</p>
                    </div>
                    <div class="ibox-content profile-content text-center">

                        <h4>
                            <label>总收益&nbsp;:&nbsp;<strong>{{$userinfo->total_revenue}}</strong></label>
                            &nbsp;&nbsp;&nbsp;
                            <label>余额&nbsp;:&nbsp;<strong>{{$userinfo->balance}}</strong></label>
                        </h4>
                        <p>

                        <div class="row m-t-lg">
                            <div class="col-sm-4">
                                <span class="bar">5,3,9,6,5,9,7,3,5,2</span>
                                <h5><strong>{{$userinfo->create_num}}</strong> 上架作品</h5>
                            </div>
                            <div class="col-sm-4">
                                <span class="line">5,3,9,6,5,9,7,3,5,2</span>
                                <h5><strong>{{$userinfo->follow_num}}</strong> 关注</h5>
                            </div>
                            <div class="col-sm-4">
                                <span class="bar">5,3,2,-1,-3,-2,2,3,5,2</span>
                                <h5><strong>{{$userinfo->fans_num}}</strong> 关注者</h5>
                            </div>
                        </div>

                        <div class="user-button">
                            <div class="row">
                                <div class="col-sm-12">
                                    <button type="button" class="btn btn-default btn-sm btn-block"
                                    onclick="window.location.href='/authentication/withdraw-deposit'"
                                    >
                                        <i class="fa fa-coffee"></i> 提现
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-8">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>最新创作</h5>
                </div>
                <div class="ibox-content">

                    @foreach($lists as $list)

                        <a class="fancybox" href="{{$list->original_image['0']}}" title="作品">
                            <img alt="image" src="{{$list->thumbnail['0']}}"
                                 onerror="this.src=''"/>
                        </a>

                    @endforeach
                </div>
            </div>

        </div>
    </div>
</div>

<!-- 全局js -->
<script src="/front/hAdmin/js/jquery.min.js?v=2.1.4"></script>
<script src="/front/hAdmin/js/bootstrap.min.js?v=3.3.6"></script>


<!-- 自定义js -->
<script src="/front/hAdmin/js/content.js?v=1.0.0"></script>


<!-- Peity -->
<script src="/front/hAdmin/js/plugins/peity/jquery.peity.min.js"></script>

<!-- Peity -->
<script src="/front/hAdmin/js/demo/peity-demo.js"></script>

<!-- blueimp gallery -->
<script src="/front/hAdmin/js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
<!-- Fancy box -->
<script src="/front/hAdmin/js/plugins/fancybox/jquery.fancybox.js"></script>


</body>
<script>
    $(document).ready(function () {
        $('.fancybox').fancybox({
            openEffect: 'none',
            closeEffect: 'none'
        });
    });
</script>
</html>
